<template>
  <svg :width="size" :height="size" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M5.94596 28.8032H9.26477C9.84364 28.8032 10.3128 28.3326 10.3128 27.752V12.9164C10.3128 12.3357 9.84357 11.8651 9.26477 11.8651H5.94596C5.36706 11.8651 4.89791 12.3358 4.89791 12.9164V27.7519C4.89784 28.3326 5.36706 28.8033 5.94596 28.8033V28.8032ZM16.6077 28.8032H19.9265C20.5053 28.8032 20.9745 28.1151 20.9745 27.2662V5.57562C20.9745 4.72663 20.5053 4.03845 19.9265 4.03845H16.6077C16.0289 4.03845 15.5597 4.72663 15.5597 5.57562V27.2662C15.5597 28.1151 16.0288 28.8033 16.6077 28.8033V28.8032ZM27.2694 28.8032H30.5882C31.1671 28.8032 31.6362 28.1639 31.6362 27.3749V7.21904C31.6362 6.43018 31.167 5.79074 30.5882 5.79074H27.2694C26.6905 5.79074 26.2214 6.43018 26.2214 7.21904V27.3749C26.2213 28.1638 26.6905 28.8032 27.2694 28.8032ZM1.34619 30.5555H35.0001V32.3077H1.34623L1.34619 30.5555Z" :fill="color"/>
  </svg>
</template>

<script setup>
import { defineProps } from 'vue';

defineProps({
  color: {
    type: String,
    default: 'rgba(255, 255, 255, 0.7)'
  },
  size: {
    type: [Number, String],
    default: 24
  }
});
</script> 